﻿@import "variables";

/* CSS */
html, body														{ .height-100; font-family: 'Segoe UI'; }
.popupRoot														{ display: none; }
.msacademic														{ min-height: 100%; background-color: @bg-base; color: @text-base;  }
.msacademic	a													{ text-decoration: none; color: @orange-base; cursor: pointer; .all-transition(0.13s); }
.msacademic	a:hover												{ color: darken(@orange-base, 10%); }

.msacademic .header												{ width: 100%; border-bottom: 1px solid @orange-base; background-color: white;
															      -webkit-box-shadow:  0px 2px 3px 1px rgba(255, 65, 0, 0.3); box-shadow:  0px 2px 3px 1px rgba(255, 65, 0, 0.3);}
.msacademic .header .logo										{ padding-top: 15px;}
.msacademic .header .logo a										{ width: 208px; padding-top: 50px; .img-link;
																  background: url('../Images/admin-logo.png') 0 0 no-repeat; }
.msacademic .header .logo a:active								{ background-position: 1px 1px; }
.msacademic .header .menu										{ padding: 20px 0 0 0; }
.msacademic .header .menu li									{ display: inline-block; }
.msacademic .header .menu a										{ color: @grey-base; text-transform: uppercase; font-size: 11px; display: block; padding: 10px;  }
.msacademic .header .menu a:hover								{ background-color: lighten(@orange-base, 5%); color: white; }
.msacademic .header .menu a:active								{ background-color: darken(@orange-base, 10%); }

.msacademic .header .loading									{ position: absolute; bottom: 5px; right: 0px; }
.msacademic .header .loading.hidden								{ display: none; }

.msacademic .loading.hidden										{ position: absolute; bottom: 5px; right: 0px; }


.msacademic .header .user-info									{ position: absolute; top: 15px; right: 0; font-size: 11px; }
.msacademic .header .user-info .text							{ color: lighten(@grey-base, 10%); }
.msacademic .header .user-info .text p							{ float: left; padding: 3px 2px 3px 15px; }
.msacademic .header .user-info .text img						{ width: 32px; height: 32px; display: block;  float: left;
																  -webkit-border-radius: 9999px; border-radius: 9999px; }
.msacademic .header .user-info .actions							{ padding: 0 0 0 47px; }

.msacademic.Articles	.menu .articles a						{ background-color: @orange-base; color: white; }
.msacademic.Tags		.menu .tags a							{ background-color: @orange-base; color: white; }
.msacademic.Galleries	.menu .galleries a						{ background-color: @orange-base; color: white; }
.msacademic.Sections	.menu .sections a						{ background-color: @orange-base; color: white; }
.msacademic.Profile		.menu .profile a						{ background-color: @orange-base; color: white; }
.msacademic.ProfilePicture .menu .profilePicture a				{ background-color: @orange-base; color: white; }


.msacademic .field-validation-error								{ width: 100%; text-align: center; font-weight: bold; display: block; color: white; background-color: @red-base; margin-top: 10px; }

.msacademic .inner												{ width: 1140px; margin: 0 auto; position: relative; }
.msacademic .content											{ padding-top: 60px; }
.msacademic h2													{ margin: 0 0 40px 0; color: @text-base; text-transform: uppercase; font-weight: bold;
																  font-size: 24px; }
.msacademic input, .msacademic textarea							{ background: none; border: 1px solid transparent; width: 98%; padding: 12px 1%; outline: none;
																  border-bottom: 1px solid @border-base-color; color: @text-base; font-family: 'Segoe UI'; }
.msacademic input:focus, .msacademic textarea:focus				{ color: @orange-base; border: 1px solid @border-base-color; border-bottom-color: @orange-base; }
.msacademic input[type="checkbox"]								{ width: auto; border-bottom: 0; }
.msacademic label												{ }
.field-validation-error											{ color: red; padding: 10px; font-size: 11px;}


.msacademic .toastRoot											{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px 0; cursor: pointer; z-index: 9999;
																  background-color: @green-base; color: @bg-base; text-align: center;  }
.msacademic .toastRoot:hover									{ background-color: lighten(@green-base, 5%); }
.msacademic .toastRoot:active									{ background-color: darken(@green-base, 2%); }
.msacademic .toastRoot .title									{ font-size: 12px; text-transform: uppercase; font-weight: bold; }
.msacademic .toastRoot .content									{ font-size: 10px; padding-left: 10px; padding-top: 0; }

.msacademic.popup												{ min-height: auto; width: 100%; background-color: transparent;  }
.msacademic.popup h2											{ margin: 0 0 90px 0; padding-left: 0px; font-size: 20px; }
.msacademic.popup input[type="text"]							{ margin-top: 25px; }
.msacademic.popup input[type="file"]							{ padding: 0 inherit; border:none; }
.msacademic.popup .actions-wrapper								{ width: 100%; font-size: 90%; text-align: right; padding: 80px 0 25px 0; }
.msacademic.popup input:focus									{ color: @orange-base; border-color: lighten(@border-base-color, 80%); border-bottom-color: @orange-base;}
.simplemodal-container											{ width: 50%; padding: 10px 25%; right: 0; background-color: white;  }
.simplemodal-overlay											{ background-color: #000000; }